﻿<UserControl x:Class="NarutoClient.Pages.BattlePage"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             mc:Ignorable="d" 
             d:DesignHeight="480" d:DesignWidth="640">
    <StackPanel>
        <StackPanel.Resources>
            <Style TargetType="TextBlock">
                <Setter Property="Foreground" Value="White" />
            </Style>
        </StackPanel.Resources>
        
        <StackPanel.Background>
            <ImageBrush ImageSource="/GamedataLibrary;component/Resources/temple.jpg" Stretch="Fill"/>
        </StackPanel.Background>
        <TextBlock HorizontalAlignment="Center">Battle Screen</TextBlock>
        
        <!-- Rozdeleni obrazovky na radky -->
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="165" />
                <RowDefinition Height="85" />
                <RowDefinition Height="210" />
            </Grid.RowDefinitions>
            
            <!-- Players -->
            <Grid Grid.Row="0">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="100" />
                    <ColumnDefinition />
                    <ColumnDefinition Width="100" />
                </Grid.ColumnDefinitions>
                
                <!-- My Character -->
                <StackPanel Grid.Column="0">
                    <TextBlock Name="myLogin" />
                    <TextBlock Name="myCharacterName" />
                    <TextBlock Name="myHealth" />
                    <Image Height="100" Name="myImage" Stretch="Fill" Width="100" />
                    <TextBlock Name="meStunned" Foreground="red" Visibility="Hidden">STUNNED</TextBlock>
                </StackPanel>
                
                <!-- Enemy Character -->
                <StackPanel Grid.Column="2">
                    <TextBlock Name="enemyLogin" />
                    <TextBlock Name="enemyCharacterName" />
                    <TextBlock Name="enemyHealth" />
                    <Image Height="100" Name="enemyImage" Stretch="Fill" Width="100" />
                    <TextBlock Name="enemyStunned" Foreground="red" Visibility="Hidden">STUNNED</TextBlock>
                </StackPanel>
                
                <!-- Jutsu -->
                <StackPanel Grid.Column="1">
                    <TextBlock HorizontalAlignment="Center">Choose a Jutsu to attack:</TextBlock>
                    <Grid HorizontalAlignment="Center">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="180" />
                            <ColumnDefinition Width="20"/>
                        </Grid.ColumnDefinitions>
                        <StackPanel Grid.Column="1">
                            <TextBlock Name="jutsu1Cooldown" />
                            <TextBlock Name="jutsu2Cooldown" />
                            <TextBlock Name="jutsu3Cooldown" />
                            <TextBlock Name="jutsu4Cooldown" />
                        </StackPanel>
                        <ListBox Grid.Column="0" Height="100" Name="actionListBox" Width="180" MaxHeight="110" 
                             SelectionChanged="actionListBox_SelectionChanged" Opacity="0.75"/>
                    </Grid>
                    
                    <Button Name="confirmButton" Click="confirmButton_Click" Width="100">Confirm</Button>
                    <TextBlock Name="waitingTextBlock" Visibility="Hidden" HorizontalAlignment="Center">Waiting for the Opponent.</TextBlock>
                </StackPanel>
            </Grid>
            
            <!-- Description -->
            <StackPanel Grid.Row="1">
                <TextBlock>Description:</TextBlock>
                <TextBox Name="descriptionTextBox" IsReadOnly="True" Height="80" Opacity="0.75"/>
            </StackPanel>
            
            <!-- Log -->
            <StackPanel Grid.Row="2">
                <TextBlock>Battle Log:</TextBlock>
                <TextBox Name="logTextBox" IsReadOnly="True" Height="170" VerticalScrollBarVisibility="Auto" Opacity="0.75" />
            </StackPanel>
        </Grid>
    </StackPanel>
</UserControl>
